js动态添加和移除disabled属性和style

您所在的位置:网站首页 select disabled属性 js动态添加和移除disabled属性和style

js动态添加和移除disabled属性和style

2024-01-18 06:54| 来源: 网络整理| 查看: 265

1. js动态添加和移除disabled属性

js操作:

function disableTest(element,val){ document.getElementById(element).disabled=val; } document.getElementById("uid").disabled="";

 jQuery进行操作:

//两种设置disabled属性 $('#uid').attr("disabled",true); $('#uid').attr("disabled","disabled"); //三种移除disabled属性 $('#uid').attr("disabled",false); $('#uid').removeAttr("disabled"); $('#uid').attr("disabled","");

获取s:textfield,并设置其disabled属性:

functiondisableTextfieldofAccountDiv(element,val) { $(element).find(":textfield").attr('disabled',val); } 2.  js动态显示和隐藏style function changefixe(frm,str){ if(str=="0"){ document.getElementById("uid").style.display="block";//显示 document.getElementById("uid").disabled="true";//残废disabled }else{ document.getElementById("uid").style.display="none";//隐藏 document.getElementById("uid").disabled="";//去除disabled } }

 注: 和disabled具有相同功能的还有readOnly,

区别是:

       Readonly(只读属性): 只针对input(text/ password)和textarea有效。

       disabled(是某个表单元素残废): 对于所有的表单元素都有效,包括select,radio, checkbox, button等。

但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submitbutton却是可以使用的)。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3